<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/lianxi.css">
    </link>
    <link rel="stylesheet" type="text/css" href="css/huaguocha.css" />
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <style type="text/css">
        html,
        body {
            margin: 0;
            padding: 0;
        }

        .iw_poi_title {
            color: #CC5522;
            font-size: 14px;
            font-weight: bold;
            overflow: hidden;
            padding-right: 13px;
            white-space: nowrap
        }

        .iw_poi_content {
            font: 12px arial, sans-serif;
            overflow: visible;
            padding-top: 4px;
            white-space: -moz-pre-wrap;
            word-wrap: break-word
        }
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head>

<body>
    <div id="nav_header">
        <div class="strain">
            <div class="tou">
                <img src="img/1.png" />
            </div>
            <h2>Tea & Teaware</h2>
            <div style="height: 120px; width: 60px;float: left;"></div>
            <ul class="flex">
                <li class="org"><a href="index.html">首页</a></li>
                <li class="org"><a href="guanyu.html">关于我们</a></li>
                <li class="org"><a href="jieshao.html">产品介绍</a></li>
                <li class="org"><a href="zisu.html">花果茶资讯</a></li>
                <li class="org f"><a href="lianxi.html">联系我们</a></li>
            </ul>
        </div>
    </div>
    <div class="a"></div>
    <div class="b">
        <div class="c">
            <div class="a1">
                <div class="b1">
                    <div class="q">
                        <div class="c1"><span style="color: #f54f4f;line-height: 48px;">联系我们</span></div>
                        <div class="c2"></div>
                    </div>
                    <p style="line-height:5px;text-align:left;text-indent:10px;">
                        <span style="color:#666666;font-size:16px;">联系邮箱：zeroone01@foxmail.com</span><br>
                    </p>
                    <p class="p">
                        <span
                            style="line-height:5px;margin-left:-404px;font-family:微软雅黑;font-size:16px;color:#666666;">联系电话：0755-28915891</span>
                    </p>
                    <p>
                        <span
                            style="margin-left:-254px;font-family:微软雅黑;font-size:16px;color:#666666;">联系地址：深圳市龙岗区中心城天誉二期10栋A座</span>
                    </p>
                    <div class="i">
                        <img style=" float:left;margin-left: 10px;"
                            src="img/ABUIABACGAAghuTc5QUoht6tvgUwgAo4gAo!160x160.jpg" />
                        <img style=" float:left;margin-left: 70px;"
                            src="img/ABUIABACGAAgi_Tc5QUoq8GTcTCACjiACg!160x160.jpg" />
                    </div>
                    <div class="s">
                        <span
                            style=" float:left;margin-left:-6px;color:#666666;text-indent:32px;font-size:16px;font-family:微软雅黑;font-weight: bold;">零壹风味茶服务号　</span>
                        <span
                            style=" float:left;margin-left: 53px;color:#666666;text-indent:32px;font-size:16px;font-family:微软雅黑;font-weight: bold;">零壹风味茶订阅号</span>
                    </div>
                </div>
                <div class="b2">
                    <div class="c1-1"><span style="color: #818181;line-height: 48px;">发表您的留言：</span></div><br>
                    <div style="width: 560px;height: 120px;">
                        <div style="width:60px">
                            <div style="width:56px;color: #818181;float: left;margin-left: 20px;margin-top: 30px;">姓名：
                            </div>
                        </div>
                        <input name="姓名" type="text" size="14"
                            style="width: 180px; height: 34px;float: left;margin-top: 22px;">
                        <font style="color: #f54f4f;float: left;margin-left: 10px;margin-top: 20px;">*</font>
                    </div>
                    <div style="width: 560px;height: 120px;margin-top: 40px;">
                        <div style="width:60px">
                            <div style="width:56px;color: #818181;float: left;margin-left: 20px;">邮箱：</div>
                        </div>
                        <input name="邮箱" type="text" size="14"
                            style="width: 180px; height: 34px;float: left;margin-top: -8px;">
                    </div>
                    <div style="width: 560px;height: 120px;margin-top: -65px;">
                        <div style="width:60px">
                            <div style="width:56px;color: #818181;float: left;margin-left: 20px;">邮箱：</div>
                        </div>
                        <input name="邮箱" type="text" size="14"
                            style="width: 180px; height: 34px;float: left;margin-top: -8px;">
                    </div>
                    <div>
                        <div style="width:60px;line-height:60px;margin-top: -70px;">
                            <div style="width:56px;color: #818181;float: left;margin-left: 20px;">内容：</div>
                        </div>
                        <div>
                            <div
                                style="width: 256px;height:66px;border: 1px solid #818181;float: left;left;margin-top: -2px;">
                                <span
                                    style="font-size: 12px;color: #999999;float: left;margin: 5px 0px 0px 5px;">留言需审核后才会显示</span>
                            </div>
                        </div>
                    </div>
                    <div class="t">
                        <span style="line-height: 48px;color: #ffffff;">提交留言</span>
                    </div>
                </div>
                <div class="m">
                    <div style="width:100%;height:310px;border:#ccc solid 1px;" id="dituContent"></div>
                </div>
            </div>
        </div>
    </div>
    <!--好友链接-->
    <div style="height: 30px;width: 100%;"></div>
    <div class="dahe">
        <div class="dahe1">
            <div style="height: 20px;width: 1200px;"></div>
            <div class="haoyou">
                <div class="haoyou0">
                    <div class="haoyou0-1"><img src="img/e1.png" alt=""></div>
                    <div class="haoyou0-2">
                        <span>地址:</span><br />
                        <span>深圳市龙岗区中心城万科<br>天誉二期10栋A座</span>
                    </div>
                </div>
                <div class="haoyou0">
                    <div class="haoyou0-1"><img src="img/e2.png" alt=""></div>
                    <div class="haoyou0-2">
                        <span>电话:</span><br />
                        <span>0755-28915891</span>
                    </div>
                </div>
                <div class="haoyou0">
                    <div class="haoyou0-1"><img src="img/e3.png" alt=""></div>
                    <div class="haoyou0-2">
                        <span>邮箱:</span><br />
                        <span>zeroone01@foxmail.com</span>
                    </div>
                </div>
            </div>
            <hr />
            <div class="lianjie">
                <div style="height: 57px; width: 1200px;"></div>
                <div class="lianjie0">
                    <span class="lianjie0-1"><a>首页</a> <span style="margin-left: 50px;">|</span></span>
                    <span class="lianjie0-1">关于我们 <span style="margin-left: 50px;">|</span></span>
                    <span class="lianjie0-1">产品介绍<span style="margin-left: 50px;">|</span></span>
                    <span class="lianjie0-1">花果茶资讯 <span style="margin-left: 30px;">|</span> </span>
                    <span class="lianjie0-1"><a>联系我们</a></span>
                </div>
            </div>
        </div>
    </div>
    <!--好友链接结束-->

    <!--版权信息-->
    <div class="banquan">
        <div class="banquan1">
            <div style="height: 50px; width: 1200px;"></div>
            <div class="banquan2">
                <span>©2019 深圳市前海金玉鸿飞贸易有限公司 版权所有</span>
                <span>手机版 |本站使用凡科建站搭建 | 管理登录 | 粤ICP备18121599号</span>
            </div>
        </div>
    </div>

    <!--版权信息结束-->
</body>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap() {
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
    }

    //创建地图函数：
    function createMap() {
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(113.380816, 23.207605);//定义一个中心点坐标
        map.centerAndZoom(point, 18);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent() {
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl() {
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
        map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1 });
        map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
        map.addControl(ctrl_sca);
    }


    initMap();//创建和初始化地图
</script>

</html>